<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <title>工程网-首页</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="iconfont/iconfont.css"/>
</head>
<body>
    <div id="yd-header">
        <div class="yd-left">
            <a href="demand/classify.html">
                <img src="images/project_c/classify.png" alt=""/>
            </a>
        </div>
        <div class="yd-content">
            <a href="#">
                <img src="images/project_c/LOGO.png" alt=""/>
            </a>
        </div>
        <div class="yd-right">
            <a href="demand/search.html">
                <img src="images/project_c/search.png" alt=""/>
            </a>
        </div>
    </div>
    <div id="yd-container">
        <div class="yd-banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href=""><img src="images/demoimg/banner.png" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="images/demoimg/banner.png" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="images/demoimg/banner.png" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="images/demoimg/banner.png" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="images/demoimg/banner.png" alt=""/></a>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="yd-list">
            <ul>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_3.png" alt=""/>
                        </div>
                        <span>分包工程</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_2.png" alt=""/>
                        </div>
                        <span>采购大单</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_4.png" alt=""/>
                        </div>
                        <span>定制服务</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_5.png" alt=""/>
                        </div>
                        <span>团队搭建</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_6.png" alt=""/>
                        </div>
                        <span>更多需求</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_7.png" alt=""/>
                        </div>
                        <span>施工总承包</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_8.png" alt=""/>
                        </div>
                        <span>专业承包</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_9.png" alt=""/>
                        </div>
                        <span>劳务分包</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_10.png" alt=""/>
                        </div>
                        <span>施工队/班组</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="yd-list-img">
                            <img src="images/project_c/project_11.png" alt=""/>
                        </div>
                        <span>技工</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="yd-service">
            <div class="yd-service-top">
                <h1>服务项目</h1>
                <h2>SERVICE PROJECT</h2>
            </div>
            <div class="yd-service-bottom">
                <ul>
                    <li>
                        <a href="">
                            <div class="yd-service-img">
                                <img src="images/project_c/service_1.png" alt=""/>
                            </div>
                            <span>技术/方案工艺/软件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="yd-service-img">
                                <img src="images/project_c/service_1.png" alt=""/>
                            </div>
                            <span>技术/方案工艺/软件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="yd-service-img">
                                <img src="images/project_c/service_1.png" alt=""/>
                            </div>
                            <span>技术/方案工艺/软件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="yd-service-img">
                                <img src="images/project_c/service_1.png" alt=""/>
                            </div>
                            <span>技术/方案工艺/软件</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="yd-goods yd-service">
            <div class="yd-service-top">
                <h1>商城中心</h1>
                <h2>MALL CENTER</h2>
            </div>
            <div class="yd-goods-list clear">
                <div class="yd-goods-child"><a href="#">机械/工程船</a></div>
                <div class="yd-goods-child"><a href="#">材料</a></div>
                <div class="yd-goods-child"><a href="#">仪器/仪表</a></div>
                <div class="yd-goods-child"><a href="#">配件/工具</a></div>
            </div>
            <ul class="clear yd-goods-ul">
                <li>
                    <a href="">
                        <div class="yd-goods-img">
                            <img src="images/demoimg/good_1.png" alt=""/>
                        </div>
                        <div class="yd-goods-name">
                            <span>山东南翔挖掘机</span>
                            <span>价格：<strong>¥8888.00</strong></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="yd-goods-img">
                            <img src="images/demoimg/good_2.png" alt=""/>
                        </div>
                        <div class="yd-goods-name">
                            <span>山东南翔挖掘机</span>
                            <span>价格：<strong>面议</strong></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="yd-goods-img">
                            <img src="images/demoimg/good_3.png" alt=""/>
                        </div>
                        <div class="yd-goods-name">
                            <span>山东南翔挖掘机</span>
                            <span>价格：<strong>面议</strong></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="yd-goods-img">
                            <img src="images/demoimg/good_4.png" alt=""/>
                        </div>
                        <div class="yd-goods-name">
                            <span>山东南翔挖掘机</span>
                            <span>价格：<strong>¥8888.00</strong></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="yd-goods-img">
                            <img src="images/demoimg/good_5.png" alt=""/>
                        </div>
                        <div class="yd-goods-name">
                            <span>山东南翔挖掘机</span>
                            <span>价格：<strong>¥8888.00</strong></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="yd-goods-img">
                            <img src="images/demoimg/good_6.png" alt=""/>
                        </div>
                        <div class="yd-goods-name">
                            <span>山东南翔挖掘机</span>
                            <span>价格：<strong>面议</strong></span>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="yd-more">
                <a href="##">READ MORE+</a>
            </div>
        </div>
    </div>
    <!--底部-->
    <div id="footer">
        <ul>
            <li class="active">
                <a href="#">
                    <i class="iconfont">&#xe60a;</i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="demand/demand.html">
                    <img src="images/project_c/add.png" alt=""/>
                    <span>发布需求</span>
                </a>
            </li>
            <li>
                <a href="member/Login.html">
                    <i class="iconfont">&#xe611;</i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </div>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>

    <script>
        var mySwiper = new Swiper ('.swiper-container', {
            loop: true,
            autoplay: 3000,
            // 如果需要分页器
            pagination: '.swiper-pagination',
        });
    </script>
</body>
</html>